div.jplex-menubar {
    width: 100%;
    height: 1.7em;
    background-image: url("bgs.png");
    border-bottom: 1px #c0c0c0 solid;
    vertical-align: middle;
    font-size: 0.9em;
}

div.jplex-menubar * {
    cursor: default;
}

div.jplex-menubar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
}

div.jplex-menubar li.first {
    padding: 0 0.8em 0 0.7em;
    border-left: 1px #c0c0c0 solid;
    display: inline;
    height: 1.9em;
    line-height: 1.9em;
    vertical-align: middle;
}

div.jplex-menubar li.item {
    padding: 0 4.5em 0 0.7em;
    height: 1.9em;
    line-height: 1.7em;
	vertical-align: middle;
    white-space: nowrap !important;
    clear: both;
    border: 1px transparent solid;
}

div.jplex-menubar li.item:hover,
div.jplex-menubar li.item.icon:hover {
    background: #d6f4fe no-repeat 4px 4px;
    border: 1px #c0c0c0 dotted;
}

div.jplex-menubar li.first:hover,
div.jplex-menubar li.first-selected {
    background: url("bgs.png") 0 -1300px;
}

div.jplex-menubar li a {
    text-decoration: none;
    color: inherit;
}

div.jplex-menubar ul.submenu {
    position: absolute;
    background: #fefefe;
    border: 1px #999999 solid;
}

div.jplex-menubar span.shortcut {
    color: #999999;
    position: absolute;
    right: 0.5em;
}

div.jplex-menubar span.parent {
    position: absolute;
    right: 0;
    width: 1em;
    height: 1.2em;
    background: url("submenu.png") no-repeat right 0.5em;
}

div.jplex-menubar li.item.icon {
    background: no-repeat 4px 4px;
}

div.jplex-menubar li.first.icon,
div.jplex-menubar li.first.icon:hover {
    background: no-repeat 4px 1px;
}

div.jplex-menubar ul.with-icon > li.item.icon,
div.jplex-menubar ul.with-icon > li.first.icon,
div.jplex-menubar ul.with-icon > li.item.no-icon {
    padding-left: 26px;
}
